<template>
  <view class="minute flex align-center flex-direction xffw-w margin-top-sm "  v-for="(item, index) in xfwf.slice(0, 3)"
    :class="{active:item.selec}" :key="index" @click.stop="switchFn(item,xfwf)">
    <view style="" class="flex align-center">
      <text class="font-xxxs">￥</text>
      <view class="text-df flex align-center">
        <text>{{item.min}}</text>
        <text v-if="item.max" class="acon-a-05 text-ms2"></text>
        <text class="font-xxxs" v-if="item.max">￥</text>{{item.max}}
      </view>
    </view>
    <view class="text-c9 font-xxxs">{{item.title}}</view>
  </view>
</template>

<script setup lang="ts">
  import { ref, computed, onMounted } from 'vue'
  const emit = defineEmits(["confirm"])
  const props = defineProps({
    list: {
      type:Object,
      default:()=>{}
    }
  });
  const switchFn = (item : any, data : any) => {
    data.forEach(item => {
      item.selec = false
    })
    item.selec = true
  }
</script>

<style>
</style>